<template>
  <div
    class="input-wrap"
    @click.stop="selectComp"
    :style="{
    left:`${style.left}px`,
    top:`${style.top}px`,
    width:`${style.width}px`,
    height:`${style.height}px`,
    minWidth:`${style.minWidth}px`,
    minHeight:`${style.minHeight}px`,
    lineHeight:`${style.lineHeight}px`,
    fontSize:`${style.fontSize}px`,
    fontFamily:`${style.fontFamily}`,
    fontWeight:`${style.fontWeight}`,
    color:`${style.color}`,
    textAlign:`${style.textAlign}`
  }"
  >
    <el-input v-model="info.value" placeholder="请输入内容"></el-input>
  </div>
</template>

<script>
import widgetMix from "../mix";
export default {
  name: "InputComp",
  mixins: [widgetMix]
};
</script>

<style lang="stylus" scoped>
.input-wrap
  position absolute
  &:hover
    outline 1px solid #ddd
</style>
